<!DOCTYPE html>
<html lang="fr">
<head>
<?php include('inc/head.inc.php'); ?>
</head>
<body>
	<!-- START : page -->
	<div id="page">	
		
		<?php include('inc/header.inc.php'); ?>
		
		<!-- START : content -->
		<div id="content" class="displayBlock">	
			
			<!-- START : diapo -->
			<div id="diapo">
				<img class="border-top" src="../img/data/diapo-01.jpg" alt="Vale Encantado" />
			</div><!-- END : diapo -->			
			
			<!-- START : hp-blocks -->
			<div id="hp-blocks">				
				<h2><img src="../img/hp-blocks-title.gif" alt="Nos actions pour une communauté au Brésil" /></h2>				
				<div class="container separator-hp ofh">					
					<div class="sub floatLeft displayBlock">
						<a href="#"><img class="bot" src="../img/data/block-01.jpg" alt="Promenades" width="201" height="112" /></a>
						<h3><a href="#">Promenades</a></h3>
						<h4><a href="#">éco-touristiques</a></h4>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque tortor est, tempor vel venenatis non, eleifend a eros.</p>
						<a href="#" class="link-2"> » En savoir plus</a>
					</div>
					<div class="sub floatLeft displayBlock">
						<a href="#"><img class="bot" src="../img/data/block-02.jpg" alt="Restauration" width="201" height="112" /></a>
						<h3><a href="#">Restauration</a></h3>
						<h4><a href="#">Traiteur</a></h4>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque tortor est, tempor vel venenatis non, eleifend a eros.</p>
						<a href="#" class="link-2"> » En savoir plus</a>
					</div>
					<div class="sub floatLeft displayBlock">
						<a href="#"><img class="bot" src="../img/data/block-03.jpg" alt="Artisanat" width="201" height="112" /></a>
						<h3><a href="#">Artisanat</a></h3>
						<h4><a href="#">Local</a></h4>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque tortor est, tempor vel venenatis non, eleifend a eros.</p>
						<a href="#" class="link-2"> » En savoir plus</a>
					</div>
					<div class="sub floatLeft displayBlock">
						<a href="#"><img class="bot" src="../img/data/block-04.jpg" alt="Ateliers" width="201" height="112" /></a>
						<h3><a href="#">Ateliers</a></h3>
						<h4><a href="#">Educatifs</a></h4>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque tortor est, tempor vel venenatis non, eleifend a eros.</p>
						<a href="#" class="link-2"> » En savoir plus</a>
					</div>				
				</div><!-- END : container -->
			</div><!-- END : hp-blocks -->
			
			<!-- START : hp-twoblocks -->
			<div id="hp-twoblocks">				
				<div class="container">
					<div class="Block floatLeft displayInline">
						<h2><img src="../img/two-blocks-01.gif" alt="Nous soutenir" width="315" height="46" /></h2>
						<div class="subBlock left">
							<p>Lorem ipsum dolor sit amet, cons e ctetur adipiscing elit.Quis que tortor est, tempor vel venenatis non. Lorem ipsum dolor sit amet, cons e ctetur adipiscing elit.</p>
							<div class="sub floatLeft">
								<h4>Donation</h4>
								<p class="sub">Lorem ipsum dolor sit amet, cons e ctetur adipiscing elit.Quis que tortor est, tempor vel venenatis non.</p>
								<a href="soutenir.php" class="link-2"> » Je souhaite contribuer ! </a>
							</div>
							<div class="sub floatRight">
								<h4>Devenir membre</h4>
								<p class="sub">Lorem ipsum dolor sit amet, cons e ctetur adipiscing elit.Quis que tortor est, tempor vel venenatis non.</p>
								<a href="soutenir.php" class="link-2"> » Je souhaite m'inscrire !</a>
							</div>
						</div>
					</div><!-- #END of first block -->				
					<div class="Block floatRight displayInline">
						<h2><img src="../img/two-blocks-02.gif" alt="Nos partenaires" width="351" height="46" /></h2>
						<div class="subBlock right">
							<p>Si vous souhaitez nous soutenir tant que fondation ou partenaire, n’hésitez pas à nous contacter ! Voici ceux qui nous ont apporté leur confiance et soutiennent notre cause :</p>
							<div id="partner" class="bot-2">
								<div class="floatLeft position-1">
									<a href="http://www.iledefrance.fr/" target="_blank"><img class="displayBlock" src="../img/partner-1.gif" alt="Partenaire Ile de France" /></a>
									<a href="http://www.lexisnexis.fr/" target="_blank"><img class="displayBlock" src="../img/partner-2.gif" alt="Partenaire Lexis Nexis" /></a>
								</div>
								<div class="floatLeft ofh">
									<a href="#" target="_blank"><img class="displayInline position-2" src="../img/partner-3.gif" alt="Partenaire Tudo Bom" /></a>
									<a href="ttp://www.tudobom.fr/" target="_blank"><img class="displayInline position-2" src="../img/partner-4.gif" alt="Partenaire Tudo Bom" /></a>
									<a href="http://www.favelachic.com" target="_blank"><img class="displayInline position-2" src="../img/partner-5.gif" alt="Partenaire Favela Chic" /></a>
								</div>
							</div>
							<a href="#" class="link-2 floatLeft ofh"> » Soyons partenaires ! </a>
						</div>
					</div><!-- #END of second block -->			
				</div><!-- END : container -->
			</div><!-- END : hp-twoblocks -->
			
		</div><!-- END : content -->
		
	<?php include('inc/footer.inc.php'); ?>	
	
	</div><!-- END : page -->
	
</body>
</html>